<template>
  <UniversalContainer name="不同类型Input" :paramaters="type">
    <!-- 不同类型Input -->
    <Input type="date" placeholder='type="date"' />
    <Input type="email" placeholder='type="email"' />
    <Input type="password" placeholder='type="password"' />
    <Input type="range" placeholder='type="range"' />
    <Input type="time" placeholder='type="time"' />
    <Input type="url" placeholder='type="url"' />
    <Input type="reset" placeholder='type="reset"' />
    <Input type="week" placeholder='type="week"' />
    <Input type="month" placeholder='type="month"' />
    <Input type="file" placeholder='type="file"' />
  </UniversalContainer>
</template>

<script setup lang="ts">
import { ref } from "vue";
import Input from "../../baseComponent/Input.vue";
import UniversalContainer from "../UniversalContainer.vue";

const type = ref(
  `
   import Input from "../../baseComponent/Input.vue";\n
   
    <Input type="date" placeholder='type="date"' />
    <Input type="email" placeholder='type="email"' />
    <Input type="password" placeholder='type="password"' />
    <Input type="range" placeholder='type="range"' />
    <Input type="time" placeholder='type="time"' />
    <Input type="url" placeholder='type="url"' />
    <Input type="reset" placeholder='type="reset"' />
    <Input type="week" placeholder='type="week"' />
    <Input type="month" placeholder='type="month"' />
    <Input type="file" placeholder='type="file"' />

  `
);
</script>

<style scoped></style>
